{% extends 'base/base.html' %}
{% load static %}

{% block title %}
    {{ title }}
{% endblock %}

{% block extcss %}
    <link rel="stylesheet" href="{% static 'index/css/swiper.min.css' %}">
    <link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">

{% endblock %}
{% block extjs %}
    <script src="{% static 'index/js/index.js' %}"></script>
    <script src="{% static 'index/js/swiper.min.js' %}"></script>
{% endblock %}
{% block content %}

    <!--页面主体部分开始-->
    <div id="main_wrap">

        <!--轮播图底部推荐商品 开始-->
        <div class="main_sell_box">
            <ul class="ms_list" style="height: auto;overflow: hidden">
                {% for bo in result %}
                    <li class="ms_list_item" style="width: 230px; margin-top: 10px">
                        <a href="#" class="pd_name" title="{{ bp.name }}">{{ bo.name }}</a>
                        <p class="pd_desp" style="max-height: 250px;overflow: hidden;">{{ bo.jianjie }}</p>
                        <a class="pd_img" href="/bbf/product_details/?id={{ bo.id }}" title="{{ bo.name }}">
                            <img id="tz_pd" style="width: 230px" alt="{{ bo.name }}" src="{{ bo.images }}"/>
                        </a>
                    </li>
                {% endfor %}


            </ul>
        </div>
        <!--轮播图底部推荐商品 结束-->


    </div>
    <!--页面主体部分结束-->
{% endblock %}

